<template>
  <div class="right-container">
    <h2>Right</h2>
  </div>
</template>

<script>
export default {
  // 我们设置了 Right组件 缓存。
  // 所以在切换的时候，Right组件不会被销毁，而是在 激活状态 和 失活状态 来回切换
  // 组件激活后，会触发 activated
  // activated () {
  //   console.log('Right组件激活了')
  // },
  // // 组件失活后，会触发 deactivated
  // deactivated () {
  //   console.log('Right组件被缓存了')
  // }
}
</script>

<style lang="less" scoped>
.right-container {
  background-color: burlywood;
}
</style>
